<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <!-- <script src="../../../public/vendor/flexible/flexible.js"></script> -->
  <title>神农信息平台-主页</title>
  <link rel="stylesheet" href="../../../../public/vendor/weui/weui.css" />
  <link rel="stylesheet" type="text/css" href="../../../../public/vendor/swiper/swiper.min.css" />
  <link rel="stylesheet" type="text/css" href="../../../../public/vendor/web-icons/web-icons.min.css" />
  <link rel="stylesheet" type="text/css" href="../../../../public/css/iconfont/iconfont.css" />
  <link rel="stylesheet" href="../../../../public/vendor/weui/jquery-weui.css">
  <link rel="stylesheet" href="../../../../public/css/features/food/statement.css">
</head>

<body>
  <div id="statement-app" class="d-none">
    <div class="header">
      食品板块-应收账款-合计报表
    </div>
    <div class="total-amount-area">
      <p>应收合计</p>
      <p class="amount-number">￥{{Utils.toThousands(rcvableAmount)}}</p>
      <span class="date">{{bizDate}}</span>
    </div>
    <div class="coolege-wrap">
      <div class="college-content">
        <div class="college-card">
          <div class="title">{{companyName}}</div>
          <div class="college-list">
            <div class="college-list-item head">
              <p class="col_1 col">客户类型</p>
              <p class="col_2 col">应收金额(元)</p>
              <p class="col_3 col">查看详情</p>
            </div>
            <div v-for="(detail, index) in dataList" :key="index" class="college-list-item">
              <div class="col_1 col">
                <p>{{detail.custTypeName}}</p>
                <span
                  :class="{tag:true, danger: detail.riskLevel === '高', warning: detail.riskLevel === '中高'}">{{detail.riskLevel}}</span>
              </div>
              <p class="col_2 col">{{Utils.toThousands(detail.rcvableAmount)}}</p>
              <div class="col_3 col">
                <i class="icon wb-info-circle" @click="showDetails($event,detail.id)"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="dialogWrap1" class="js_dialog_wrap" ref="showDialog1" aria-labelledby="js_title1" role="dialog" aria-modal="false" aria-hidden="true" style="display: none;">
      <div id="mask1" class="js_close weui-mask" style="visibility: visible;opacity: 1;"></div>
      <div id="js_dialog_1" class="js_dialog weui-half-screen-dialog" v-for="(item, index) in detailsList" :key="index">
          <div class="weui-half-screen-dialog__hd">
            <div class="weui-half-screen-dialog__hd__side">
              <button class="js_close weui-btn_icon weui-wa-hotarea" @click="closeBtn()">关闭<i class="weui-icon-close-thin"></i></button>
            </div>
            <div class="weui-half-screen-dialog__hd__main">
              <strong class="weui-half-screen-dialog__title" id="js_title1">{{item.custTypeName}} - 详情</strong>
            </div>
          </div>
          <div class="weui-half-screen-dialog__bd">
            <table style="width: 100%;">
              <tr>
                <td colspan="2">单据编号：{{item.bizFormObj.billNo}}</td>
              </tr>
              <tr>
                <td>单据状态：{{item.billStatus}}</td>
                <td>风险程度：{{item.riskLevelName}}</td>
              </tr>
              <tr>
                <td>欠款客户数量：{{Utils.toThousands(item.debitCstmNum,0)}}</td>
                <td>签订合同数量：{{Utils.toThousands(item.signCntrctNum,0)}}</td>
              </tr>
              <tr>
                <td>签订欠条数量：{{Utils.toThousands(item.signIOUNum,0)}}</td>
                <td>应收账款金额：{{Utils.toThousands(item.rcvableAmount)}}</td>
              </tr>
              <tr>
                <td>当天回款金额：{{Utils.toThousands(item.clctAmtToday)}}</td>
                <td>保证金金额：{{Utils.toThousands(item.marginAmt)}}</td>
              </tr>
              <tr>
                <td colspan="2">负责主任：{{item.directorName}}</td>
              </tr>
              <tr>
                <td colspan="2">负责经理：{{item.manegerName}}</td>
              </tr>
              <tr>
                <td colspan="2">备注：{{item.remark}}</td>
              </tr>
            </table>
          </div>
      </div>
  </div>
    
      
      
  </div>

  <script src="../../../../public/vendor/jquery/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../public/vendor/vue/vue.min.js"></script>
  <script src="../../../../public/vendor/weui/weui.js"></script>
  <script src="../../../../public/css/iconfont/iconfont.js"></script>
  <script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.min.js"></script>
  <script type="text/javascript" src="../../../../public/vendor/swiper/swiper.js"></script>
  <script src="../../../../public/js/config/utils.js"></script>
  <script type="text/javascript" src="../../../../public/vendor/moment/moment.min.js"></script>
  <!-- <script src="../../../public/vendor/jsencrypt/jsencrypt.min.js"></script> -->
  <script type="module" src="../../../../public/js/features/food/statement.js"></script>
</body>

</html>